﻿.wrapper {
	background: url('/quiz/img/bg_test.jpg') no-repeat center;
	background-size: cover;
	margin: 0 auto;
	max-width: 768px;
	min-height: 100vh;
}

/*题目*/
#quiz {
	margin-top: -10%;
	position: relative;
}

	#quiz > * {
		float: left;
	}

	#quiz > img {
		display: inherit;
		width: 100%;
	}

	#quiz > div {
		color: #fff;
		line-height: 1.3;
		position: relative;
		width: 100%;
	}

		#quiz > div > img {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: -1;
		}

	#quiz .rule {
		font-size: 1rem;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 8%;
		margin-top: -5%;
		margin-left: 10%;
		width: 80%;
	}

	#quiz .questions {
		border-top: 1px dashed #fff;
		padding-top: 1rem;
		margin: 3% auto -7% 15%;
		width: 70%;
	}

		#quiz .questions dl {
			font-size: 1.4rem;
			margin-bottom: 1.5rem;
		}

		#quiz .questions dt {
			margin-bottom: 0.5rem;
		}

		#quiz .questions dd {
			background: url('/quiz/img/ico_status.png') no-repeat left 2%;
			background-size: auto 400%;
			line-height: 1.5;
			margin-left: 1.2rem;
			padding-left: 2rem;
		}

			#quiz .questions dd.active {
				background-position: left 33%;
			}

			#quiz .questions dd.correct {
				background-position: left 69%;
				color: #21c401;
			}

			#quiz .questions dd.wrong {
				background-position: left 101%;
				color: #ff9000;
			}


/*提交*/
#submit {
	position: relative;
}

	#submit > a {
		position: absolute;
		bottom: 10%;
		left: 34%;
		width: 32%;
	}

/*错误提示浮层*/
.wrong-notice .popup-layout img {
	margin:30% 0 0 7%;
	width: 86%;
}
